﻿@model IEnumerable<CPPaquetes.BusinessEntities.TBL_DESTINO>
<style>
    #selectable .ui-selecting
    {
        background: #FECA40;
    }
    #selectable .ui-selected
    {
        background: #F39814;
        color: white;
    }
    #selectable
    {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 60%;
    }
    #selectable li
    {
        margin: 3px;
        padding: 0.2em;
        font-size: 0.8em;
        height: 10px;
    }
</style>
<script type="text/javascript">
    $(document).ready(function () {
        $("#selectable").selectable();
    });
</script>
<table style="width: 300px; border: 2" class="ui-widget ui-corner-all">
    <tr>
        <td>
            <ol id="selectable">
                @foreach (var item in Model)
                {   
                    <li class="ui-widget-content">
                        @Html.DisplayFor(modelItem => item.NOMBRE)
                    </li>
                }
            </ol>
        </td>
    </tr>
</table>
